<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家居医生</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="back">
        <img src="images/logo.png" >
    </div>

    <div class="header">
        <div class=" center container">
            <a href="#">首页</a>
            <a href="#">咨询</a>
            <a href="#">测评</a>
            <a href="#">商城</a>
            <div class="start">
                <img src="images/location.png" class="coord"></img>
                <span class=" first">深圳</span>
                <span >&lt;切换&gt;</span>
            </div>
            <div class="end">
                <img src="images/adm.png" class="head"></img>
                <span class="adm">个人中心</span>
            </div>
        </div>

    <div class="text-one fifp">
        <p >首页&gt;&nbsp;预防装修污染&gt;&nbsp;材料库</p>
    </div>

    <div class="search-box">
        <p class="search-one">
           <a href="#" class="cate-one">类别</a>
           <a href="#" class="cate">全部</a>
           <a href="#" class="cate baop">地板</a>
           <a href="#" class="cate">涂料</a>
           <a href="#" class="cate">墙纸</a>
           <a href="#" class="cate">瓷砖</a>
           <a href="#" class="cate">粘胶剂</a>
           <a href="#" class="cate">油漆</a>
           <a href="#" class="cate">家具</a>
           <a href="#" class="cate">板材</a>
           <a href="#" class="cate">饰品</a>
           <img src="images/indexSelect.png">
        </p>
        <p class="search-one">
            <a href="#" class="cate-one">类型</a>
            <a href="#" class="cate">全部</a>
        </p>
        <p class="search-one">
            <a href="#" class="cate-one">材质</a>
            <a href="#" class="cate">全部</a>
            <a href="#" class="cate baop">实木</a>
            <a href="#" class="cate">复合</a>
            <a href="#" class="cate">强化</a>
            <a href="#" class="cate">其他</a>
        </p>
        <p class="search-one">
            <a href="#" class="cate-one">品牌</a>
            <a href="#" class="cate">全部</a>
            <a href="#" class="cate baop">圣象</a>
            <a href="#" class="cate">大自然</a>
            <a href="#" class="cate">生活家</a>
            <a href="#" class="cate">北美枫情</a>
            <a href="#" class="cate">德尔</a>
            <a href="#" class="cate">博典</a>
            <a href="#" class="cate">船王</a>
        </p>
    </div>

    <div class="search">
        <div class="p1">
            <a href="#">发布时间</a>
            <img src="images/downicon.png" >
            <a href="#">价格</a>
            <img src="images/upicon.png"  class="p2">
            <a href="#">环保节能</a>
            <img src="images/upicon.png"  class="p2">
            
        </div>
        <div class="search2">
            <input type="text" >
            <button style="outline: none;">搜索</button>
        </div>
        <div class="title">
            <a href="#">了解家医建材环保评级标准</a>   
        </div>
        <div class="p4">
            <img src="images/wenhao.png" >
        </div>
    </div>


    <div class="content center">
        <div class="contentOne row">
            <div class="one">
                <div class="one_content center">
                    <img src="images/data_image.png" >
                    <p class="zt-one">德尔&nbsp;&nbsp;都市系列3001</p>
                    <p class="zt-one">木地板-复合地板</p>
                    <p class="zt-one">单价：128元/㎡</p>
                    <p class="zt-one"><strong>环保级别：B</strong>（可以使用）</p>
                </div>
            </div>
            <div class="one">
                <div class="one_content center">
                    <img src="images/data_image.png" >
                    <p>德尔&nbsp;&nbsp;都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/㎡</p>
                    <p class="zt-two"><strong>环保级别：B</strong>（可以使用）</p>
                </div>
            </div>
            <div class="one">
                <div class="one_content center">
                    <img src="images/data_image.png" >
                    <p>德尔&nbsp;&nbsp;都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/㎡</p>
                    <p class="zt-two"><strong>环保级别：B</strong>（可以使用）</p>
                </div>
            </div>
            <div class="one">
                <div class="one_content center">
                    <img src="images/data_image.png" >
                    <p>德尔&nbsp;&nbsp;都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/㎡</p>
                    <p class="zt-two"><strong>环保级别：B</strong>（可以使用）</p>
                </div>
            </div>
            <div class="one">
                <div class="one_content center">
                    <img src="images/data_image.png" >
                    <p>德尔&nbsp;&nbsp;都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/㎡</p>
                    <p class="zt-two"><strong>环保级别：B</strong>（可以使用）</p>
                </div>
            </div>
            <div class="one">
                <div class="one_content center">
                    <img src="images/data_image.png" >
                    <p>德尔&nbsp;&nbsp;都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/㎡</p>
                    <p class="zt-two"><strong>环保级别：B</strong>（可以使用）</p>
                </div>
            </div>
            <div class="one">
                <div class="one_content center">
                    <img src="images/data_image.png" >
                    <p>德尔&nbsp;&nbsp;都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/㎡</p>
                    <p class="zt-two"><strong>环保级别：B</strong>（可以使用）</p>
                </div>
            </div>
            <div class="one">
                <div class="one_content center">
                    <img src="images/data_image.png" >
                    <p>德尔&nbsp;&nbsp;都市系列3001</p>
                    <p>木地板-复合地板</p>
                    <p>单价：128元/㎡</p>
                    <p class="zt-two"><strong>环保级别：B</strong>（可以使用）</p>
                </div>
            </div>
        </div>
    
    </div>

    <div class="text-two">
        <p class="hyper">
            <a href="#" class="pg xhx">上一页</a>
            <a href="#" class="xhx">1</a>&nbsp;&nbsp;
            <a href="#" style="color: sandybrown;">2</a>&nbsp;&nbsp;
            <a href="#" class="xhx">3</a>&nbsp;&nbsp;
            <a href="#" class="xhx">4</a>&nbsp;&nbsp;
            <a href="#" class="xhx">5</a>&nbsp;&nbsp;
            <a href="#" class="ng xhx">下一页</a>
            共有10页，去第
            <input type="text" class="jump">
            &nbsp;
            页
            <button class="fix">提交</button>
        </p>
    </div>

    <div class="text-two">
        <table>
            <tr class="bottm">
                <td rowspan="3" >
                    <img src="images/small_weixin.png" class="ewm">
                </td>
                <td class="ewm-zt">建材检查&nbsp;需求反馈</td>
            </tr>
            <tr>
                <td class="btext-one">亲爱的用户，我们正在不断的完善和更新教材库，</td>
            </tr>
            <tr>
                <td>若没有找到您想要的材料信息，请将您想测的建材告诉我们。</td>
            </tr>
        </table>
    </div>

    <div class="bottom-last">
        <div class="athedea" >
            <div class="bottom-text">
                <img src="images/footerLogo.png" style="padding-bottom: 15px;">
                <p style="padding-bottom: 5px;"><strong>为室内环境健康把好每一关</strong></p>
                <p style="padding-bottom: 5px;">家居医生致力于中国人的家居健康问题，通过专业的技术研究</p>
                <p style="padding-bottom: 5px;">和测评，倾力协助大众打造绿色、环保的人居生活环境。</p>
            </div>
            <div class="bottom-form">
                <table>
                    <tr>
                        <td>关于我们</td>
                        <td>版权说明</td>
                        <td>
                            <img src="images/weixin2.png">官方微信
                        </td>
                    </tr>
                    <tr>
                        <td>联系我们</td>
                        <td>用户隐私</td>
                        <td>
                            <img src="images/tianmao.png" >天猫旗舰店
                        </td>
                    </tr>
                    <tr>
                        <td>加入我们</td>
                        <td>免费申明</td>
                        <td>
                            <img src="images/shop.png">有赞商城
                        </td>
                    </tr>
                </table>
            </div>
            <hr >
            <div>
                <p class="bottom-left">深圳建筑科学研究院股份有限公司&nbsp;&nbsp;家居医生网</p>
                <p class="bottom-right">粤ICP备08011321号&copy;Copyright All Rights Reserved</p>
            </div>
        </div>
        
    </div>

    
</body>
</html>